﻿/* 京东公共的CSS开始

author:李志远-qq:148334733

*/

html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,address,big,cite,code,del,em,font,img,ins,small,strong,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend
{
    margin:0;
    padding:0;
}
ol,ul {list-style:none;}
:focus {outline:0;} /* 获取焦点的任何元素都不会出现一个虚框 */
a img {border:0;}
img {vertical-align: middle;}
table {empty-cells:show;}/* 定义了不包含任何内容的表单元格如何表示*/
ins{text-decoration:none;}
del{text-decoration:none;}  /* 下划线和删除线的样式去除 */
em {font-style:normal;}
button::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=button]::-moz-focus-inner,input[type=submit]::-moz-focus-inner,input[type=file]>input[type=button]::-moz-focus-inner
{
    border:0;
    padding:0;
}
.fl {float:left;}
.fr {float:right;}
.fn {float:none;}
.al {text-align: left;}
.ac {text-align:center;}
.ar {text-align: right;}
.clr {display: block;overflow: hidden;clear:both;height:0;line-height: 0;font-size:0;}
.clearfix {display: block}
*+html .clearfix {min-height:1%}
.overflow {overflow: hidden;}
.form label,.form input,.form select,.form textarea,.form button,.form .label {float:left;font-size:12px;}
.block {display:block;overflow: hidden;}
.hide {display:none; }
.invisible {visibility: hidden}/* 仍然占据空间，区别于display:none */
h1{font:20px "microsoft yahei","\5b8b\4f53"}
h2,h3{font-size:14px}
h4,h5,h6{font-size:12px}
a{color:#666;text-decoration:none}
a:hover{color:#E4393C;text-decoration:underline}

/* 京东公共的CSS结束*/

/*开始京东样式 */

/* Top */
#all {width:100%;font: 12px/150% Arial,Verdana,"\5b8b\4f53";color:#666666;background:#fff;_background-image: url(about:blank);
 _background-attachment: fixed;
/* 专门针对IE6设置的HACK，第二个属性是为了保证position:fixed的支持的更好，相对于窗口的定位不会出现抖动的现象 */
}
.top {height:30px;border:1px solid #eee;background-color:#f7f7f7;}
.top-in {width:1210px;line-height: 30px;margin:0 auto;}
.shoucang {padding:0 11px 0 16px;position: relative;
    zoom: 1;}   /*  可能所有的浮动子元素都会影响父元素，所以，父元素都要加这个*/
.shoucang b {position: absolute;top:8px;left:0px;width:13px;height:13px;background: url(../images/xing.png) no-repeat 0 0 ;}
.guanzhu {padding:0 11px 0 26px;position:relative;}
.erweima {background:url(../images/erweima.png) no-repeat;width:12px;height:12px;display:inline;float:left;margin-left:-18px;margin-top:9px;}
.ewm-show {position:absolute;top:35px;left:-15px;width:116px;height:129px;border:1px solid #ddd;background:url(../images/erweima.png) no-repeat 0 -30px #fff;-webkit-box-shadow: 0 0 10px rgba(0,0,0,.12);box-shadow: 0 0 10px rgba(0,0,0,.12);-moz-box-shadow: 0 0 10px rgba(0,0,0,.12);z-index:10;}
/* Z-INDEX 设置的是定位的覆盖层级；-moz代表firefox浏览器私有属性-ms代表IE浏览器私有属性-webkit代表chrome、safari私有属性*/


.arrow {position:absolute;top:-16px;left:50%;margin-left:-8px;width:16px;height:16px;} /* 这里的定位会以ERM-SHOW来定位，它是最近的一个设置定位属性的盒子 */
.layer1 {border-color: transparent transparent #ddd;top:-1px;position: absolute;left:0;width:0;height:0;overflow: hidden;border-width:8px;border-style: dashed dashed solid;}
.layer2 {border-color: transparent transparent #fff;top:0;position: absolute;left:0;width:0;height:0;overflow: hidden;border-width:8px;border-style: dashed dashed solid;}
/* 教你如何创建一个三角形，并且是空心的三角形  */

#homearea {position:relative;float:left;z-index:12;height:30px;padding-top:2px;width:106px;}
#homearea dt {width:106px;height:26px;line-height: 24px;border:1px solid #f7f7f7;position: relative;z-index: 14;}
#homearea dt>strong {
    position: relative;
    top: -2px;
}
#homearea dt b {
    position: relative;
    top: 3px;
    margin: 0 4px;
    background: url(http://misc.360buyimg.com/product/skin/2013/i/17.png) -5px -3px no-repeat;
    height: 18px;
    width: 12px;
    display: inline-block;
}
#homearea dt a {
    position: relative;
    top: -2px;
}
.denglu > li {
    padding:0 11px 0 12px;
    height:30px;
}
/* Top */

/* 搜索开始 */
.search {width:1210px;height:60px;margin:0 auto;padding:15px 0;}
.logo {width:300px;}
.search-box {width:510px;padding:4px 10px 0 0;}
.myjd {width:106px;height:30px;margin-right:10px;margin-top:9px;position: relative;z-index: 9;}
.che {width:126px;height:30px;margin-top:9px;position: relative;z-index: 9;}
.jb {width:134px;height:48px;overflow: hidden;}/* 这里OVERFLOW是为了如果其中的内容超过了盒子的大小，将会被隐藏*/
.search-box-1 {width:494px;height:30px;border: 3px solid #E4393C;margin-bottom: 3px;}
.search-box-1 .form {height:30px;overflow:hidden;} /*其实这里我也不太明白，为什么要再加一个FORM的DIV，不是多此一举吗？ */
.search-box-1 .form  .text {width:406px;height:20px;padding:5px;line-height: 20px;float:left;-webkit-appearance: none;-webkit-border-radius: 0;margin:0;border:0;color: #999;font-size:14px;font-family: arial,"\5b8b\4f53";}
.search-box-1 .form  .button {float:left;width:78px;height:30px;font-size: 14px;margin:0;border:0;padding:0;background: #E4393C;font-weight: 700;color: #fff;-webkit-appearance: none;-webkit-border-radius: 0;}
/* -webkit-appearance: none;-webkit-border-radius: 0; 这两句话webkit内核浏览器代表有chrome和safari，
appearance 属性允许您使元素看上去像标准的用户界面元素，border-radius 属性是一个简写属性，
该属性允许您为元素添加圆角边框！

*/
.hotwords {height:18px;overflow: hidden;color: #999;}
.hotwords strong {font-weight: 400;float:left;}
.hotwords a:link {float:left;color: #999;margin-right: 10px;}
.myjd dt {
    position: absolute;
    z-index: 1;
    width: 50px;
    height: 30px;
    padding: 0 24px 0 30px;
    border: 1px solid #EFEFEF;
    background-position: -116px -24px;
    background-color: #F7F7F7;
    text-align: center;
    line-height: 27px;
    cursor: pointer;
    background-image: url(http://misc.360buyimg.com/lib/skin/2013/i/20130330A_2.png);
    background-repeat: no-repeat;
}
.che dt {
    position: absolute;
    z-index: 3;
    width: 74px;
    height: 30px;
    padding: 0 20px 0 30px;
    border: 1px solid #EFEFEF;
    background-position: -115px -84px;
    background-color: #F7F7F7;
    cursor: pointer;
    text-align: center;
    background-image: url(http://misc.360buyimg.com/lib/skin/2013/i/20130330A_2.png);
    background-repeat: no-repeat;
    line-height: 27px;
    /* 要想在内容前头加个图像什么的的，只需要在本身字体大小的基础上PADDING一些像素，然后再利用背景图片来设置该图片
    这样一来，这个图片就会默认显示在整个布局的前头。顶头显示，左上角。
    */
}
/* 搜索结束 */

/* 导航开始 */
.nav {width:1210px;margin:0 auto;}
.nav-in {position: relative;z-index:6;height:40px;padding-left:210px;margin-bottom:10px;background: #E4393C;}
.allnav {position: absolute;top:0;left:0;width:210px;height:40px;}
.allnav > .mt {
    position: relative;
    zoom: 1;
    cursor: default;
    overflow: hidden;
}
.allnav > .mc {
    position: absolute;
    top: 40px;
    left: 0;
    width: 203px;
    height: 402px;
    padding: 3px 3px 3px 0;
    background: #FAFAFA;
    border: solid #E4393C;
    border-width: 0 2px 2px;
    overflow: visible;
}
.allnav > .mc > .part1 {border-top: 0;width: 200px;height: 28px;}
.allnav > .mc > .part1 span {display: block;
    width: 203px;
    position: absolute;
    z-index: 1;}
.allnav > .mc > .part1 span h3 {
    width: 186px;
    height: 26px;
    line-height: 26px;
    padding-left: 13px;
    border-width: 1px 0;
    background-image: none;
    font-weight: 400;
}
.allnav > .mc > .part1 span h3 a {color:#333;}
.allnav > .mc > .part2 {border-top: 1px solid #FFF;width: 200px;height: 28px;}
.allnav > .mc > .part2 span {display: block;
    width: 203px;
    position: absolute;
    z-index: 1;}
.allnav > .mc > .part2 span h3 {
    width: 186px;
    height: 26px;
    line-height: 26px;
    padding-left: 13px;
    border-width: 1px 0;
    background-image: none;
    font-weight: 400;
}
.allnav > .mc > .part2 span h3 a {color:#333;}

.allnav > .mt > h2 > a {display: block;
    height: 40px;
    padding-left: 20px;
    line-height: 40px;
    color: #fff;
    font-family: "microsoft yahei";
}
.mainnav {height: 40px;background: -webkit-gradient(linear,0 0,0 100%,from(#E64346),to(#E13335));}
.mainnav > li {position: relative;
    width: 83px;
    height: 40px;
    z-index: 1;
    }
.mainnav > li > a {position: absolute;
    top: 0;
    left: 0;
    width: 85px;
    text-align: center;
    color: #fff;
    font: 700 15px/40px "microsoft yahei";
    text-decoration: none;
    height: 40px;
    }
.mainnav > li > a:hover {background: #A40000;}
/* 导航结束 */
/* 京东1开始 */
.jd1 {width:1210px;margin:0 auto;}
.jd1-banner {width:670px;float:left;height:400px;overflow: hidden;padding-left:220px;}
.jd1-banner .slide {width:670px;height:240px;background-color: #f5f5f5;}
.jd1-banner .jscroll {
    width: 608px;
    padding: 0 30px;
    height: 159px;
    border-style: solid;
    border-color: #EEE;
    border-width: 0 1px 1px;
    position: relative;
}
.ctr1 {left: 0;top: 0;
    width: 30px;
    height: 159px;position: absolute;
    z-index: 1;
    cursor: pointer;
    transition: all .2s ease-in 0s;}
.ctr2 {right: 0;top: 0;
    width: 30px;
    height: 159px;position: absolute;
    z-index: 1;
    cursor: pointer;
    transition: all .2s ease-in 0s;}
.ctr1 b {
    background-position: -85px -45px;
    display: block;
    margin: 66px auto 0;
    width: 25px;
    height: 33px;
    background-repeat: no-repeat;background-image: url(http://misc.360buyimg.com/product/skin/2013/i/20130330B_1.png);

}
.ctr2 b {
    background-position: -55px -45px;
    display: block;
    margin: 66px auto 0;
    width: 25px;
    height: 33px;
    background-repeat: no-repeat;
    background-image: url(http://misc.360buyimg.com/product/skin/2013/i/20130330B_1.png);
}
.o-list {
    width: 608px;
    position: relative;
    height: 159px;
    overflow: hidden;
    zoom: 1;

}
.list {position: relative;
    width: 609px;
    height: 159px;
    overflow: hidden;}
.list li {float:left;border-right: 1px solid #EEE;}
.list li img {
    background: url(http://img30.360buyimg.com/ads/jfs/t463/259/1377782042/8274/b385d488/54d4144aN40f4b505.jpg) no-repeat #fff center 0;
    width: 202px;
    border: 0;
    vertical-align: middle;
}
.jd1-1 {float:right;width:310px;height:70px;background: #F8F8F8;margin-bottom: 10px;overflow: hidden;zoom: 1;}
.jd1-2 {float:right;width:310px;margin-bottom: 10px;overflow: hidden;zoom: 1;}
.jd1-2 .mt {height: 16px;
    line-height: 16px;
    padding: 7px 0;
    border-bottom: 2px solid #AAA;
    cursor: default;
    overflow: hidden;
    zoom: 1;
}
.jd1-2 .mc {width: 308px;
    height: 100px;
    padding: 4px 0;
    border-style: solid;
    border-color: #F1F1F1;
    border-width: 0 1px 1px;
    overflow: hidden;
    zoom: 1;
}
.jd1-2 .mc ul {
    width: 308px;
    height: 100px;
    overflow: hidden;
}
.jd1-2 .mc li {border-right: 1px solid #eee;width: 133px;float: left;
    height: 25px;
    padding: 0 10px;
    line-height: 25px;
    overflow: hidden;}
.jd1-3 {position: relative;
    float: right;
    width: 308px;
    height: 167px;
    overflow: hidden;
    border: 1px solid #eee;
    margin-bottom: 10px;
    zoom: 1;
}
.jd1-3 ul {width: 318px;zoom: 1;overflow: hidden;}
.jd1-3 ul li {
    position: relative;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    height: 84px;
    overflow: hidden;
    -webkit-transition: height .2s ease-in-out;
    -moz-transition: height .2s ease-in-out;
    -ms-transition: height .2s ease-in-out;
    -o-transition: height .2s ease-in-out;
    transition: height .2s ease-in-out;
    float: left;
}
.jd1-3 ul li a {
    position: relative;
    top: 0;
    float: left;
    display: inline;
    width: 42px;
    height: 83px;
    padding: 0 17px;
    text-align: center;
    -webkit-transition: top .2s ease-in-out;
    -moz-transition: top .2s ease-in-out;
    -ms-transition: top .2s ease-in-out;
    -o-transition: top .2s ease-in-out;
    transition: top .2s ease-in-out;
}
.jd1-3 ul li a s {
    display: block;
    width: 42px;
    height: 34px;
    margin-top: 10px;
    margin-bottom: 5px;
    background-image: url(http://misc.360buyimg.com/product/skin/2013/i/virtuals-20140606.png);
    background-repeat: no-repeat;
    text-decoration: line-through;
}
.jd1-3 ul li a i {
    display: block;
    width: 0;
    height: 0;
    overflow: hidden;
    margin-left: 16px;
    margin-top: 6px;
    border-style: solid;
    border-width: 3px 3px 0;
    border-color: #aaa #fff #fff;
}
/* 京东1结束 */
/* 京东2开始 */
.showcase {width:1210px;margin:0 auto;overflow: hidden;}
.m {margin-bottom: 10px;overflow: hidden;zoom: 1;}
.m .mt {margin-bottom: 10px;overflow: hidden;zoom: 1;cursor: default;}/* 图片的鼠标指示是普通的形式*/
.m .mc {width: 1240px;overflow: hidden;
    zoom: 1;}
.sc-list .item {
    position: relative;
    float: left;
    width: 295px;
    height: 190px;
    overflow: hidden;
    margin: 0 10px 10px 0;
}
.sc-ext .item {
    float: left;
    width: 396px;
    height: 70px;
    margin-right: 11px;
    overflow: hidden;
}
.item .aside {
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#BFFFFFFF', endColorstr='#BFFFFFFF');
    background: rgba(255,255,255,.75);
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100px;
    height: 160px;
    padding: 30px 0 0 20px;
}
.item .aside .s-link {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url(http://misc.360buyimg.com/lib/img/e/blank.gif);
    z-index: 2;
}
.item .aside h3 {
    color: #333;
    font-size: 18px;
    font-family: "microsoft yahei";
    line-height: 20px;
    height: 20px;
    overflow: hidden;
    margin-bottom: 5px;
}
.item .aside .s-name {
    width: 84px;
    height: 20px;
    overflow: hidden;
    color: #666;
    font-size: 13px;
    font-family: "microsoft yahei";
    line-height: 20px;
}
.item .aside .s-ext {
    margin-top: 0;
    line-height: 18px;
    width: 90px;
    height: 18px;
    overflow: hidden;
}
.item .aside .s-ext b {
    padding: 0;
    color: #ea6365;
    font-family: "microsoft yahei";
    background: 0;
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
}
.item .aside .s-hotword {
    padding: 20px 0 0;
}
.item .aside .s-hotword li {
    position: relative;
    line-height: 18px;
    padding-left: 6px;
    height: 18px;
    overflow: hidden;
    color: #888;
    font-family: "microsoft yahei";
}
.item .aside .s-hotword li i {
    position: absolute;
    display: block;
    overflow: hidden;
    vertical-align: middle;
    left: 0;
    top: 8px;
    width: 2px;
    height: 2px;
    background: #999;
}
.item .s-img {
    display: block;
    width: 295px;
    height: 190px;
}



/* 京东2结束 */
/* 楼层开始*/
.floor {
    width:1210px;
    margin:0 auto;
    padding-top:8px;
    margin-bottom:10px;

}
.floor-nav {
    float: left;
    width: 210px;
    margin-bottom: 0;
    overflow: visible;
    zoom: 1;
}
.floor-nav .mt {
    height: 30px;
    padding: 0;
    overflow: visible;
    line-height: 16px;
    border-bottom: 2px solid #AAA;
    position: relative;
    zoom: 1;
    cursor: default;
}
.floor-nav .mt .num {
    position: absolute;
    top: -8px;
    left: 0;
}
.floor-nav .mt .num .b1 {
    z-index: 1;
    background-position: 0 0;
    top: 0;
    left: 0;
    width: 26px;
    height: 34px;
    overflow: hidden;
    background-image: url(http://misc.360buyimg.com/product/skin/2013/i/20130330C.png);
    background-repeat: no-repeat;
    position: absolute;
}
.floor-nav .mt .num .b2 {
    top: 0;
    left: 0;
    width: 26px;
    height: 34px;
    overflow: hidden;
    z-index: 2;
    background-position: -40px 0;
    display: block;
    background-image: url(http://misc.360buyimg.com/product/skin/2013/i/20130330C.png);
    background-repeat: no-repeat;
    position: absolute;
}
.floor-nav .mt .num .b3 {
    z-index: 3;
    text-align: center;
    line-height: 30px;
    font-size: 18px;
    color: #FFF;
    top: 0;
    left: 0;
    width: 26px;
    height: 34px;
    overflow: hidden;
    position: absolute;
}
.floor-nav .mt .num .b4 {
    top: 30px;
    left: 4px;
    width: 18px;
    height: 7px;
    overflow: hidden;
    background-position: -80px 0;
    background-image: url(http://misc.360buyimg.com/product/skin/2013/i/20130330C.png);
    background-repeat: no-repeat;
    position: absolute;
}

.floor-nav .mt h2 {
    float: left;
    position: absolute;
    top: 0;
    left: 60px;
    line-height: 24px;
    font-size: 22px;
    font-family: "microsoft yahei";
}
.floor-nav .mc {
    position: relative;
    height: 361px;
    border-bottom: 1px solid #DDD;
    border-style: solid;
    border-color: #F1F1F1;
    border-width: 0 1px 1px;
    overflow: hidden;
    zoom: 1;
    border-left: 0;
}
.floor-nav .mc ul {
    width: 198px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    padding: 5px;
    overflow: hidden;
    zoom: 1;
}
.floor-nav .mc ul li {
    width: 99px;
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    vertical-align: bottom;
    float: left;
}
.floor-nav .mc span {
    bottom: 0;
    left: 0;
    position: absolute;
    z-index: 1;
    line-height: 0;
    font-size: 0;
}
.floor-list {
    overflow: hidden;
    zoom: 1;
    position: relative;
    float: left;
    width: 790px;
    padding-top: 32px;
    margin-bottom: 0;
}
.floor-list .smt {
    width: 158px;
    left: 0;
    position: absolute;
    top: 0;
    text-align: center;
    height: 16px;
    line-height: 16px;
    padding: 7px 0;
    border-bottom: 2px solid #AAA;
    cursor: default;
    overflow: hidden;
    zoom: 1;
}
.floor-list .smt h3 {
    font-family: "microsoft yahei";
}
.floor-list .smc {
    position: relative;
    height: 361px;
    border-bottom: 1px solid #DDD;
    overflow: hidden;
    zoom: 1;
}
.floor-list .smc .slide {
    width: 473px;
    left: 159px;
    position: absolute;
    top: 0;
    height: 180px;
    overflow: hidden;
    background: url(http://misc.360buyimg.com/lib/skin/e/i/loading-jd.gif) no-repeat center center;

}
.floor-list .smc .tist {
    width: 791px;
    overflow: hidden;
    zoom: 1;
}

/* 这里很烦人啊，为了保证每个LI盒子的共同属性，也剔除了些不同的属性 */
.style1 {
    width: 138px;
    border-left: 0;
    border-top: 0;
    border-right: 1px solid #F1F1F1;
    height: 175px;
    padding: 5px 10px 0;
    float: left;
    margin-right:473px;
    overflow: hidden;
}
.style2 {
    width: 137px;
    height: 175px;
    padding: 5px 10px 0;
    padding: 5px 10px 0;
    float: left;
    overflow: hidden;
    border-left: 1px solid #F1F1F1;
    border-top:0;

}
.style3 {
    width: 138px;
    height: 175px;
    padding: 5px 10px 0;
    padding: 5px 10px 0;
    float: left;
    overflow: hidden;
    border-top: 1px solid #F1F1F1;
    border-left: 0;
    border-bottom: 0;

}
.style4 {
    width: 137px;
    height: 175px;
    padding: 5px 10px 0;
    padding: 5px 10px 0;
    float: left;
    overflow: hidden;
    border-left: 1px solid #F1F1F1;
    border-top: 1px solid #F1F1F1;
    border-bottom: 0;

}
.style5 {
    width: 137px;
    height: 175px;
    padding: 5px 10px 0;
    padding: 5px 10px 0;
    float: left;
    overflow: hidden;
    border-left: 1px solid #F1F1F1;
    border-top: 1px solid #F1F1F1;
    border-bottom: 0;
}
.style6 {
    width: 137px;
    height: 175px;
    padding: 5px 10px 0;
    padding: 5px 10px 0;
    float: left;
    overflow: hidden;
    border-left: 1px solid #F1F1F1;
    border-top: 1px solid #F1F1F1;
    border-bottom: 0;

}
.style7 {
    width: 137px;
    height: 175px;
    padding: 5px 10px 0;
    padding: 5px 10px 0;
    float: left;
    overflow: hidden;
    border-left: 1px solid #F1F1F1;
    border-top: 1px solid #F1F1F1;
    border-bottom: 0;

}
.floor-list .smc .tist li .i-img {
    padding: 5px 0;
    text-align: center;
    padding: 5px 0;
    overflow: hidden;

}
.floor-list .smc .tist li .i-name {
    height: 3em;
    margin-bottom: 2px;
    word-break: break-all;
    word-wrap: break-word;
    overflow: hidden;
}
.floor-list .smc .tist li .i-price {
    font-size: 15px;
    font-family: Verdana;
    color: #E4393C;
    overflow: hidden;
}

.floor-brand {
    float: right;
    width: 210px;
    margin-bottom: 0;
    overflow: hidden;
    zoom: 1;
}
.floor-brand .smt {
    height: 16px;
    line-height: 16px;
    padding: 7px 0;
    border-bottom: 2px solid #AAA;
    overflow: hidden;
    zoom: 1;

}
.floor-brand .smc {
    width: 209px;
    height: 180px;
    padding: 0;
    border-left-width: 1px;
    border-style: solid;
    border-color: #F1F1F1;
    border-width: 0 1px 1px;
    overflow: hidden;
    zoom: 1;
    border-right: 0;

}
.floor-brand .smc ul {
    width: 210px;
    overflow: hidden;
    zoom: 1;

}
.floor-brand .smc ul li {
    float: left;
    width: 105px;
    text-align: center;
    height: 35px;
    overflow: hidden;
}
.floor-gg {
    float:left;
    width: 209px;
    height: 180px;
    background: #F8F8F8;
    border-left: 1px solid #F1F1F1;
    border-bottom: 1px solid #DDD;

}
/* 楼层结束*/
/* 热门晒单 */
.ci {
    top: 0;
    right: -10px;
    position: absolute;
    overflow: hidden;
    background-position: -198px -50px;
    width: 20px;
    height: 20px;
    background-image: url(http://misc.360buyimg.com/product/skin/2013/i/20130330B_1.png);
    background-repeat: no-repeat;
} /*这是那个晒单的热门小LOGO */
.shai {width:1210px;margin:0 auto;overflow: auto;zoom:1;}
.shai-1 {float:left;margin-bottom:10px;width:446px;overflow:hidden;zoom:1;}
.shai-1 .mt {
    height:29px;
    line-height: 29px;
    padding:0 8px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-top: 2px solid #AAA;
}
.shai-1 .mc {height:161px;padding:0 10px;border:solid #ddd;border-width: 0 1px 1px;}
.shai-1 .mc li {
    padding: 10px 0 10px 15px;
    border-bottom: 1px dotted #ccc;
    overflow: hidden;
}
.p-img {
    position: relative;
    zoom: 1;
    float: left;
    margin-right: 15px;
    overflow: visible;
    padding: 5px 0;
}
.p-name {
    height: 1.5em;
    padding: 3px 0;
    overflow: hidden;
}
.p-detail {
    width: 285px;

    height: 3em;
    padding-right: 50px;
    background: url(http://misc.360buyimg.com/product/skin/2013/i/20130330B_1.png) no-repeat 240px -80px;
    color: #999;
    overflow: hidden;
    background-position: 300px -80px;

}
.shai-2 {float:left;width:444px;margin-bottom:10px;overflow:hidden;zoom:1;}
.shai-2 .mt {
    height:29px;
    line-height: 29px;
    padding:0 8px;
    border-right: 1px solid #ddd;
    border-top: 2px solid #AAA;
}
.shai-2 .mc {height:161px;padding:0 10px;border:solid #ddd;border-width: 0 1px 1px;border-left:0;}
.shai-2 .mc li {
    padding: 10px 0 10px 15px;
    border-bottom: 1px dotted #ccc;
    overflow: hidden;
}
.shai-3 {float:right;width:310px;margin-bottom:6px;overflow:hidden;zoom:1;}
.shai-3 .mt {height: 29px;
    line-height: 29px;
    padding: 0 8px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-top: 2px solid #AAA;}
.shai-3 .mc {
    padding: 5px 10px;
    border: solid #ddd;
    border-width: 0 1px 1px;
    overflow: auto;
    zoom: 1;
}
.shai-3 .mc b {margin-right: 4px;}
.shai-3 .p-img {
    display: block;
    float: left;
    width: 100px;
    padding: 0;
    margin-right:0;
}
.shai-3 ul {float:right;width:180px;}
.shai-3 ul li {height: 25px;
    overflow: hidden;
    line-height: 25px;}
.shai-4 {float:right;width:310px;margin-bottom:10px;overflow:visible;}
.shai-4 .mt {margin-bottom: 2px;}
.shai-4 .mc {overflow: visible;}
.button {
    float: right;
    width: 63px;
    height: 25px;
    background: #E4393C;
    color: #fff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    line-height: 25px;
    font-weight: 700;
    display: inline-block;
    margin: 0;
    padding: 0;
    border: 0;
    text-align: center;
    cursor: pointer;
}


/* footer */
/* 这里是底部，有些情况我们需要IN的布局，有时候我们不需要，这要看实际情况的需求是怎样的，还要看有没有这个必要。*/
.footer-1 {width:1210px;margin:0 auto;}
.footer-1-in {
    padding: 10px 20px;
    margin-bottom: 20px;
    background: #FFF;
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #F1F1F1;
}
.footer-1-in > dl {width:192px;}
.footer-1-in > dl > dt {
    position: relative;
    padding: 6px 0 6px 44px;
    font: 14px "microsoft yahei";
    zoom: 1;
}
.footer-1-in > dl > dt b {
    position: absolute;
    top: 5px;
    left: 0;
    width: 40px;
    height: 40px;
    background-image: url(http://misc.360buyimg.com/lib/skin/2013/i/20130330A_2.png);
    background-repeat: no-repeat;
    background-position: 0 -55px;
}
.footer-1-in > dl > dd {
    min-height: 120px;
    padding-left: 24px;
    margin-left: 20px;
    line-height: 20px;
}
.footer-1-in  .fore5 {width:160px;}
.peisong {
    width:200px;
    padding-top: 6px;
    height: 150px;
    background-position: 0 -131px;
    background-image: url(http://misc.360buyimg.com/product/skin/2013/i/20130330B_1.png);
    background-repeat: no-repeat;
    margin-bottom: 0;

}
.peisong-top {margin-bottom: 6px;}
.peisong-content p {
    margin-bottom: 14px;
    line-height: 1.8em;
}
.footer-2 {width:1210px;margin:0 auto;}
.footer-2-in {padding-bottom:30px;text-align: center;}
.copyright {margin:10px 0;}
.links a {margin:0 10px;}
/* footer */














